﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="default.aspx.cs" Inherits="register_default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="1024; initial-scale=1.0; user-scalable=1;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta name="description" content="Sehen Sie sich die Videos rund um den neuen Lancia Ypsilon an und tauchen Sie so in die Welt von Lancia ein." />
    <title>Alle Informationen zum neuen Lancia Ypsilon | Lancia Ypsilon</title>
    <script type="text/javascript" src="/static/js/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="/static/js/jquery.scrollTo-min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-ui-1.8.9.custom.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/static/js/messages_de.js"></script>
    <script type="text/javascript" src="/static/js/language.js"></script>
    <script type="text/javascript" src="/static/js/videogallery.js"></script>
    <script type="text/javascript" src="/static/js/utils.js"></script>
    <script type="text/javascript" src="/static/js/sgnav.js"></script>
    <script type="text/javascript">
        $(function () {
            includeNavigation('#register');
            includeCredits();
        });

        $(document).ready(function () {
            // Add the page method call as an onclick handler for the div.

            $("#registration_form").validate({
                errorLabelContainer: $("#registration_form div.error"),
                rules: {
                    fname: {
                        required: true
                    }
                }
            });

            $("#submitRegistration").click(function () {

                                var jsonText = "{'salutation' : '" + $("#salutation").val() + "', "
                                    + "'fname' : '" + $("#fname").val() + "', "
                                    + "'lname' : '" + $("#lname").val() + "', "
                                    + "'street' : '" + $("#street").val() + "', "
                                    + "'streetno' : '" + $("#streetno").val() + "', "
                                    + "'zip' : '" + $("#zip").val() + "', "
                                    + "'city' : '" + $("#city").val() + "', "
                                    + "'email' : '" + $("#email").val() + "', "
                                    + "'phone' : '" + $("#phone").val() + "', "
                                    + "'marketing' : '" + $("#marketing").attr('checked') + "', "
                                    + "'marketing_phone' : '" + $("#marketing_phone").attr('checked') + "', "
                                    + "'marketing_mobile' : '" + $("#marketing_mobile").attr('checked') + "', "
                                    + "'marketing_email' : '" + $("#marketing_email").attr('checked') + "', "
                                    + "'privacy' : '" + $("#privacy").attr('checked') + "'}";


                //alert(jsonText);
                //alert($("#marketing").attr('checked'));

                if ($("#registration_form").valid()) {

                    alert("Wohoo");

//                                $.ajax({
//                                    type: "POST",
//                                    url: "default.aspx/submit",
//                                    data: jsonText,
//                                    contentType: "application/json; charset=utf-8",
//                                    dataType: "json",
//                                    success: function (msg) {
//                                        // Replace the div's content with the page method's return.
//                                        $("#registration_form").text(msg.d);
//                                    }
//                                });
                } else {
                    alert("The form didn't validate!");
                }
        });        
    </script>
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		
	<![endif]-->
    <link rel="stylesheet" type="text/css" href="/static/css/typography.css">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/css/videogallery.css">
    <link rel="stylesheet" type="text/css" href="/static/css/jquery-ui-1.8.9.custom.css">
    <link rel="stylesheet" type="text/css" href="css/register.css">
</head>
<body style="font-family: verdana; background-image: url('img/ypsilon_v2.jpg'); background-repeat: no-repeat;
    background-position: center center;">
    <!-- SEO ALTERNATIVE CONTENT -->
    <header>
		<div id="logo">
			<a href="/" title="Lancia New Ypsilon"><img src="/static/img/logo.png" alt="Lancia New Ypsilon"></a>
		</div>
			<!-- logo ginevra -->
				<div id="special">
					<h3>
						<a href="http://www.newypsilonlive.com" title="81. Genfer Auto-Salon" target="_blank">
							81° salone internazionale di Ginevra
							lancia showroom experience.
							play now
						</a>
					</h3>	
				</div>
	</header>
    <nav id="mainNavigation" />
    </nav>
    <!-- SEO ALTERNATIVE CONTENT END-->
    <div>
        <header id="title">
			<hgroup>
				<h1>RUNDUM ERNEUERT</h1>
				<h2 class="registrationForm">Aber mit unver&auml;ndertem Stil. Der neue Lancia Ypsilon erwartet Sie.</h2>
			</hgroup>
		</header>
        <%--<div id="registration_form">--%>
        <form id="registration_form" runat="server" action="" style="display: block; padding: 100px 0px 0px 150px;
        width: 300px;">
        <p class="regFormHeadline">
            Registrieren Sie sich und erhalten Sie vorab exklusive Informationen über den neuen
            Lancia Ypsilon
        </p>
        <select id="salutation" class="registrationForm regInputField dropdown">
            <option value="Herr">Herr</option>
            <option value="Frau">Frau</option>
        </select>
        <input type="text" id="fname" name="fname" value="Vorname*" class="registrationForm regInputField"
            onfocus="this.value=''" />
        <br />
        <input type="text" id="lname" name="lname" value="Name*" class="registrationForm regInputField wide"
            onfocus="this.value=''" />
        <br />
        <input type="text" id="street" name="street" value="Straße*" class="registrationForm regInputField big"
            onfocus="this.value=''" />
        <input type="text" id="streetno" name="streetno" value="Hausnr.*" class="registrationForm regInputField small"
            onfocus="this.value=''" />
        <br />
        <input type="text" id="zip" name="zip" value="PLZ*" class="registrationForm regInputField small"
            onfocus="this.value=''" />
        <input type="text" id="city" name="city" value="Ort*" class="registrationForm regInputField big"
            onfocus="this.value=''" />
        <br />
        <input type="text" id="email" name="email" value="E-Mail*" class="registrationForm regInputField"
            onfocus="this.value=''" />
        <input type="text" id="phone" name="phone" value="Telefon*" class="registrationForm regInputField"
            onfocus="this.value=''" />
        <br />
        <p class="registrationForm agreement" align="right">
            *Pflichfelder
        </p>
        <p class="registrationForm agreement">
            <input type="checkbox" id="marketing" name="marketing" />
            Ich bin damit einverstanden, dass meine personen-bezogene Daten von der Fiat Group
            Automobiles Germany AG, Hanauer Landstr. 176, 60314 Frankfurt und deren autorisierten
            Vertragspartnern sowie von diesen ggf. beauftragten verbundenen Unternehmen oder
            Dienstleistern auch zum Zwecke meiner weiteren individuellen Betreuung, der Zusendung
            von Informationen, Angeboten, Werbung und Befragungen verarbeitet und genutzt werden.
        </p>
        <p class="registrationForm agreement">
            Ich bin auch damit einverstanden,
            <br />
            <input type="checkbox" id="marketing_phone" name="marketing_phone"/>
            diese telefonisch
            <input type="checkbox" id="marketing_mobile" name="marketing_mobile"/>
            per SMS/MMS
            <input type="checkbox" id="marketing_email" name="marketing_email" />
            per E-Mail zu erhalten
        </p>
        <p class="registrationForm agreement">
            <input type="checkbox" id="privacy" name="privacy"/>
            Ich habe die <u>Datenschutzerklärung</u> zur Kentniss genommen.*
        </p>
        <div class="error">
        </div>
        <a id="submitRegistration" class="regFormHeadline">
            <img alt="" src="img/submit_icon.gif" style="padding: 0px 0px 0px 0px;" />
            JETZT REGISTRIEREN </a>        
        </form>
        <%-- </div>--%>
    </div>
    <!--Sophus3 tag starts-->
    <script type="text/javascript" language="JavaScript" src="../sophus3/logging.js"></script>
    <!--Sophus3 tag ends-->
</body>
<%--<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    </form>
</body>--%>
</html>
